 <section id="content">
        	
        	<div id="breadcrumb-container">
        		<div class="container">
					<ul class="breadcrumb">
						<li><a href="index-2.html">Trang chủ</a></li>
						<li class="active">Sản phẩm</li>
					</ul>
        		</div>
        	</div>
        	<div class="container">
        		<div class="row">
        			<div class="col-md-12">
        				
        				<div class="row">
        					
        					<div class="col-md-9 col-sm-8 col-xs-12 main-content">
        						
        						<div class="category-toolbar clearfix">
                                    
                                        <div class="searchd_d ">
                                            <input class="fl" type="text" placeholder="Tìm kiếm sản phẩm">
                                            <button type="submit" id="quick-search" class="btn btn-custom button_search_d fr"></button>
                                           
                                            <div class="clr_fix"></div>
                                        </div>
                                    
        						</div><!-- End .category-toolbar -->
        						<div class="md-margin"></div><!-- .space -->
        						<div class="category-item-container">
        						<div class="row">
        							
        							
        							<?php
                                    if(is_array($products) && count($products))
                                    {
                                        foreach($products as $data)
                                        {
                                            $this->load->view('product/oneitemcat',$data);
                                            //var_dump($data);
                                        }
                                    }
                                     ?>
        						</div><!-- End .row -->
        						</div><!-- End .category-item-container -->
        						
        						<div class="pagination-container clearfix">
        							<div class="pull-right">
										<ul class="pagination">
											<li class="active"><a href="#">1</a></li>
											<li><a href="#">2</a></li>
											<li><a href="#">3</a></li>
											<li><a href="#">4</a></li>
											<li><a href="#">5</a></li>
											<li><a href="#"><i class="fa fa-angle-right"></i></a></li>
											</ul>
        							</div><!-- End .pull-right -->
        							
        							
        						</div><!-- End pagination-container -->
							
        						
        					</div><!-- End .col-md-9 -->
        					
        					<aside class="col-md-3 col-sm-4 col-xs-12 sidebar">
        						<div class="widget">
        							<div class="panel-group custom-accordion sm-accordion" id="category-filter">
										<div class="panel">
											<div class="accordion-header">
												<div class="accordion-title"><span>Danh mục sản phẩm</span></div><!-- End .accordion-title -->
									<a class="accordion-btn opened"  data-toggle="collapse" data-target="#category-list-1"></a>
											</div><!-- End .accordion-header -->
								
 
	<div id="category-list-1" class="collapse in">
		<div class="panel-body">
			<ul>
             <!--bg loop cate -->
           <?php
               if (is_array($categories_menu) && count($categories_menu))
               {
                   foreach ($categories_menu as $menu){
                       if ($menu['parent'] == 0){
                           echo '<li class="level0 first">';
                           echo '<a href="./danh-muc/'.$menu['id'].'-'.$menu['keyword'].'.html">'; //moi them
                           echo '<span>'.$menu['name'].'</span>';
                           echo '</a>';
                           if ($menu['chirld']){
                               ?>
                               <ul style="display: block;" class="menusub">
                                   <?php
                                   foreach ($categories_menu as $submenu){
                                       if ($submenu['parent'] == $menu['id']){
                                           ?>
                                           <li class="level1 first"><a href="./danh-muc/<?php echo $submenu['id'] ?>-<?php echo $submenu['keyword'] ?>.html"><?php echo $submenu['name'] ?></a></li>
                                       <?php
                                       }
                                   }
                                   ?>
                               </ul>
                           <?php
                           }
                           echo '</li>';
                       }
                   }
               }
               ?>
           <!--ed loop cate-->
            </ul>
		</div><!-- End .panel-body -->
	</div><!-- #collapse -->
	</div><!-- End .panel -->
        								
        								
        							
        							
        							</div><!-- .panel-group -->
        						</div><!-- End .widget -->
        						
        						<div class="widget featured">
        							<h3>Sản phẩm nổi bật</h3>
        							
        							<div class="featured-slider flexslider sidebarslider">
        								<ul class="featured-list clearfix">
        									<li>
        										<div class="featured-product clearfix">
        											<figure>
        												<img src="images/products/thumbnails/item5.jpg" alt="item5">
        											</figure>
        											<h5><a href="#">Jacket Suiting Blazer</a></h5>
        											

        											<div class="featured-price">$40</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        										
        										<div class="featured-product clearfix">
        											<figure>
        												<img src="images/products/thumbnails/item1.jpg" alt="item1">
        											</figure>
        											<h5><a href="#">Gap Graphic Cuffed</a></h5>
        											

        											<div class="featured-price">$18</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        										
        										<div class="featured-product clearfix">
        											<figure>
        												<img src="images/products/thumbnails/item2.jpg" alt="item2">
        											</figure>
        											<h5><a href="#">Women's Lauren Dress</a></h5>
        											

        											<div class="featured-price">$30</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        									</li>
        									<li>
        										<div class="featured-product clearfix">
        											<figure>
                                                        <img src="images/products/thumbnails/item3.jpg" alt="item3">
                                                    </figure>
        											<h5><a href="#">Swiss Mobile Phone</a></h5>
        											

        											<div class="featured-price">$39</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        										
        										<div class="featured-product clearfix">
        											<figure>
        												<img src="images/products/thumbnails/item4.jpg" alt="item4">
        											</figure>
        											<h5><a href="#">Zwinzed HeadPhones</a></h5>
        											

        											<div class="featured-price">$18.99</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        										
        										<div class="featured-product clearfix">
        											<figure>
        												<img src="images/products/thumbnails/item7.jpg" alt="item7">
        											</figure>
        											<h5><a href="#">Kless Man Suit</a></h5>
        											

        											<div class="featured-price">$99</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        									</li>
        									<li>
        										
        										<div class="featured-product clearfix">
        											<figure>
                                                        <img src="images/products/thumbnails/item4.jpg" alt="item4">
                                                    </figure>
        											<h5><a href="#">Gap Graphic Cuffed</a></h5>
        											

        											<div class="featured-price">$17</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        										
        										<div class="featured-product clearfix">
        											<figure>
        												<img src="images/products/thumbnails/item6.jpg" alt="item6">
        											</figure>
        											<h5><a href="#">Women's Lauren Dress</a></h5>
        											

        											<div class="featured-price">$30</div><!-- End .featured-price -->
        										</div><!-- End .featured-product -->
        									</li>
        								</ul>
        							</div><!-- End .featured-slider -->
        						</div><!-- End .widget -->
        						
        						<div class="widget banner-slider-container">
        							<div class="banner-slider flexslider">
        								<ul class="banner-slider-list clearfix">
        									<li><a href="#"><img src="images/banner1.jpg" alt="Banner 1"></a></li>
        									<li><a href="#"><img src="images/banner2.jpg" alt="Banner 2"></a></li>
        									<li><a href="#"><img src="images/banner3.jpg" alt="Banner 3"></a></li>
        								</ul>
        							</div>
        						</div><!-- End .widget -->
        						
        					</aside><!-- End .col-md-3 -->
        				</div><!-- End .row -->
        				
        				
        			</div><!-- End .col-md-12 -->
        		</div><!-- End .row -->
			</div><!-- End .container -->
        
        </section><!-- End #content -->